<%-- 
    Document   : MainPage_Middle_BestSeller
    Created on : Mar 30, 2015, 12:00:58 AM
    Author     : PHATNBSE61057
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<div>
    <!--<form action="ProcessServlet" method="POST">-->
        <div class="featuredProductListThbSection">
            <h3 class="featuredTitle">
                <span>BEST SELLERS</span>
            </h3>

            <div class="cont" style="position: relative; overflow: hidden;">
                <div class="featureSet" style="position: absolute; top: 0px;left: 0px;display: block; z-index: 3;opacity: 1;">

                    <div class="featuredProductListThbBlock block">
                        <div class="cont">
                            <div class="imgBlock">
                                <a href="ProcessServlet?btAction=ProductDetail&productID=B000015" id="" style="height:224px;">
                                    <span>
                                        <img class="thnSize" src="images/bestSeller_01.jpg" title="The Complete History of Middle-earth" alt="The Complete History of Middle-earth" style="max-height:224px;">
                                    </span>
                                </a>
                                <div class="descBlock">
                                    <h4>
                                        <a href="ProcessServlet?btAction=ProductDetail&productID=B000015" id="">The Complete History of Middle-earth</a>
                                    </h4>
                                </div>
                                <div class="wrapperPriceBlock">
                                    <div class="priceBlock">
                                        <div class="priceNow">
                                            <span>£180.00</span>
                                            <span class="priceWas"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="featuredProductListThbBlock block">
                        <div class="cont">
                            <div class="imgBlock">
                                <a href="ProcessServlet?btAction=ProductDetail&productID=B000005" id="MainRepeaterCtrl_imgTag_1" style="height:224px;">
                                    <span>
                                        <img class="thnSize" src="images/bestSeller_02.jpg" title="The Hobbit" alt="The Hobbit" style="max-height:224px;">
                                    </span>
                                </a>
                                <div class="descBlock">
                                    <h4>
                                        <a href="ProcessServlet?btAction=ProductDetail&productID=B000005" id="MainRepeaterCtrl_titleTag_1">The Hobbit</a>
                                    </h4>
                                </div>
                                <div class="wrapperPriceBlock">
                                    <div class="priceBlock">
                                        <div class="priceNow">
                                            <span>£100.00</span>
                                            <span class="priceWas"> 
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="featuredProductListThbBlock block">
                        <div class="cont">
                            <div class="imgBlock">
                                <a href="ProcessServlet?btAction=ProductDetail&productID=B000016" id="MainRepeaterCtrl_imgTag_2" style="height:224px;">
                                    <span>
                                        <img class="thnSize" src="images/bestSeller_03.jpg" title="The Maps of Tolkien’s Middle-earth" alt="The Maps of Tolkien’s Middle-earth" style="max-height:224px;">
                                    </span>
                                </a>
                                <div class="descBlock">
                                    <h4>
                                        <a href="ProcessServlet?btAction=ProductDetail&productID=B000016" id="MainRepeaterCtrl_titleTag_2">The Maps of Tolkien’s Middle-earth</a>
                                    </h4>
                                </div>
                                <div class="wrapperPriceBlock">
                                    <div class="priceBlock">
                                        <div class="priceNow">
                                            <span>£20.00</span>
                                            <span class="priceWas"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="featuredProductListThbBlock block">
                        <div class="cont">
                            <div class="imgBlock">
                                <a href="ProcessServlet?btAction=ProductDetail&productID=B000086" id="MainRepeaterCtrl_imgTag_3" style="height:224px;">
                                    <span>
                                        <img class="thnSize" src="images/bestSeller_04.jpg" title="The Lord of the Rings" alt="The Lord of the Rings" style="max-height:224px;">
                                    </span>
                                </a>
                                <div class="descBlock">
                                    <h4>
                                        <a href="ProcessServlet?btAction=ProductDetail&productID=B000086" id="MainRepeaterCtrl_titleTag_3">The Lord of the Rings</a>
                                    </h4>
                                </div>
                                <div class="wrapperPriceBlock">
                                    <div class="priceBlock">
                                        <div class="priceNow">
                                            <span>£8.99</span>
                                            <span class="priceWas"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class=" featureSet " style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1;">
                    <div class="featuredProductListThbBlock block">
                        <div class="cont">
                            <div class="imgBlock">
                                <a href="ProcessServlet?btAction=ProductDetail&productID=B000087" id="MainRepeaterCtrl_imgTag_4" style="height:224px;">
                                    <span>
                                        <img class="thnSize" src="images/bestSeller_05.jpg" title="The Fellowship of the Ring" alt="The Fellowship of the Ring" style="max-height:224px;">
                                    </span>
                                </a>
                                <div class="descBlock">
                                    <h4>
                                        <a href="ProcessServlet?btAction=ProductDetail&productID=B000087" id="MainRepeaterCtrl_titleTag_4">The Fellowship of the Ring</a>
                                    </h4>
                                </div>
                                <div class="wrapperPriceBlock">
                                    <div class="priceBlock">
                                        <div class="priceNow">
                                            <span>£60.00</span>
                                            <span class="priceWas"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="featuredProductListThbBlock block">
                        <div class="cont">
                            <div class="imgBlock">
                                <a href="ProcessServlet?btAction=ProductDetail&productID=B000088" id="MainRepeaterCtrl_imgTag_5" style="height:224px;">
                                    <span>
                                        <img class="thnSize" src="images/bestSeller_06.jpg" title="The Two Towers" alt="The Two Towers" style="max-height:224px;">
                                    </span>
                                </a>
                                <div class="descBlock">
                                    <h4>
                                        <a href="ProcessServlet?btAction=ProductDetail&productID=B000088" id="MainRepeaterCtrl_titleTag_5">The Two Towers</a>
                                    </h4>
                                </div>
                                <div class="wrapperPriceBlock">
                                    <div class="priceBlock">
                                        <div class="priceNow">
                                            <span>£60.00</span>
                                            <span class="priceWas"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="featuredProductListThbBlock block">
                        <div class="cont">
                            <div class="imgBlock">
                                <a href="ProcessServlet?btAction=ProductDetail&productID=B000089" id="MainRepeaterCtrl_imgTag_6" style="height:224px;">
                                    <span>
                                        <img class="thnSize" src="images/bestSeller_07.jpg" title="The Return of the King" alt="The Return of the King" style="max-height:224px;">
                                    </span>
                                </a>
                                <div class="descBlock">
                                    <h4>
                                        <a href="ProcessServlet?btAction=ProductDetail&productID=B000089" id="MainRepeaterCtrl_titleTag_6">The Return of the King</a>
                                    </h4>
                                </div>
                                <div class="wrapperPriceBlock">
                                    <div class="priceBlock">
                                        <div class="priceNow">
                                            <span>£90.00</span>
                                            <span class="priceWas"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="featuredProductListThbBlock block">
                        <div class="cont">
                            <div class="imgBlock">
                                <a href="ProcessServlet?btAction=ProductDetail&productID=B000117" id="MainRepeaterCtrl_imgTag_7" style="height:224px;">
                                    <span>
                                        <img class="thnSize" src="images/bestSeller_08.jpg" title="The Children of Húrin" alt="The Children of Húrin" style="max-height:224px;">
                                    </span>
                                </a>
                                <div class="descBlock">
                                    <h4>
                                        <a href="ProcessServlet?btAction=ProductDetail&productID=B000117" id="MainRepeaterCtrl_titleTag_7">The Children of Húrin</a>
                                    </h4>
                                </div>
                                <div class="wrapperPriceBlock">
                                    <div class="priceBlock">
                                        <div class="priceNow">
                                            <span>£9.99</span>
                                            <span class="priceWas"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="nav">
                <a id="Next" href="#">Next</a>
                <a id="Prev" href="#">Prev</a>
            </div>
        </div>
    <!--</form>-->
</div>
